<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
 
   
      <h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>site</title>
 <h:outputStylesheet name="css/style.css"/>
 <h:outputStylesheet name="css/jquery.mCustomScrollbar.css"/>
   <h:outputStylesheet name="css/chosen.css"/>
<h:outputScript name="js/jquery.min.js" />


<h:outputScript name="js/jquery.easing.1.3.js" />
<h:outputScript name="js/jquery.mousewheel.min.js" />
<h:outputScript name="js/pop-ups.js" />
<h:outputScript name="js/nav.js" />

<h:outputScript name="js/jquery-ui.min.js" />

  </h:head>
     
<body>
    <h:outputStylesheet name="css/chosen.css"/>
<hgroup>
    <h1 style="color:brown" >شركه ال عيسي للتوريدات</h1>
    <br/>
    <br/>
  <h4 style="color:brown" >تليفون:</h4>
  <h4 style="color: brown" >بريد الكتروني:</h4>
  
</hgroup>
<nav>
  <ul id="menu" class="menu">
   <li > <a href="#" id="blog"> <img src="img_1/1_menu.jpg" alt=""/> <span class="active"></span> <span class="wrap"> <span class="link">الدخول</span> <span class="descr">الدخول للنظام</span> </span> </a> </li>
  <li> <a href="#" id="contact"> <img src="img_1/3_menu.jpg" alt=""/> <span class="active"></span> <span class="wrap"> <span class="link">تواصل معنا </span> <span class="descr">تواصل معي</span> </span> </a> </li>
   <li> <a href="#" id="projects"> <img src="img_1/2_menu.jpg" alt=""/> <span class="active"></span> <span class="wrap"> <span class="link">كتيبه</span> <span class="descr">عن كتيبه</span> </span> </a> </li>
    <li> <a href="#" id="about"> <img src="img_1/1_menu.jpg" alt=""/> <span class="active"></span> <span class="wrap"> <span class="link">نبذه عن الشركه</span> <span class="descr">عني</span> </span> </a> </li>
     </ul>
</nav>
<section id="bg">
  <section id="overlay"></section>
  <a href="#" class="nextImageBtn" title="next"></a><a href="#" class="prevImageBtn" title="previous"></a><img src="img_1/gallery/1.jpg" alt="Title of this pic" title="Title of this pic" id="bgimg" /></section>
<div id="preloader"><img src="img_1/ajax-loader_dark.gif" width="32" height="32" alt="" /></div>
<div id="img_title"></div>
<div id="toolbar"><a href="#" title="Maximize" onClick="ImageViewMode('full'); return false"><img src="img_1/toolbar_fs_icon.png" width="50" height="50" alt="" /></a></div>
<div id="thumbnails_wrapper">
  <div id="outer_container">
    <div class="thumbScroller">
      <div class="container">
        <div class="content">
    
          <div><a href="img_1/gallery/1.jpg"><img src="img_1/gallery/1_thumb.jpg" title="لحوم البقر" alt="Title of this pic" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/2.jpg"><img src="img_1/gallery/2_thumb.jpg" title="الفراخ" alt="Second Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/3.jpg"><img src="img_1/gallery/3_thumb.jpg" title="لحوم طازجه" alt="Third Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/4.jpg"><img src="img_1/gallery/4_thumb.jpg" title="لحوم" alt="Fourth Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/5.jpg"><img src="img_1/gallery/5_thumb.jpg" title="Fifth Title" alt="Fifth Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/6.jpg"><img src="img_1/gallery/6_thumb.jpg" title="Sixth Title" alt="Sixth Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/1.jpg"><img src="img_1/gallery/1_thumb.jpg" title="Title of this pic" alt="Title of this pic" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/2.jpg"><img src="img_1/gallery/2_thumb.jpg" title="Second Title" alt="Second Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/3.jpg"><img src="img_1/gallery/3_thumb.jpg" title="Third Title" alt="Third Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/4.jpg"><img src="img_1/gallery/4_thumb.jpg" title="Fourth Title" alt="Fourth Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/5.jpg"><img src="img_1/gallery/5_thumb.jpg" title="Fifth Title" alt="Fifth Title" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="img_1/gallery/6.jpg"><img src="img_1/gallery/6_thumb.jpg" title="Sixth Title" alt="Sixth Title" class="thumb" /></a></div>
        </div>
      </div>
    </div>
  </div>
</div>
<article id="popupAbout" class="popupAbout">
  <div class="customScrollBox">
    <div class="container">
      <div class="content"> <a id="popupAboutClose"><img src="img_1/cross.png" width="20" alt="" /></a>
        <h1>عن الشركه</h1>
        <p><img src="img_1/logo.gif" alt="" class="image"/>غير متاحه حاليا</p>
      </div>
    </div>
    <div class="dragger_container">
      <div class="dragger"></div>
    </div>
    <a class="scrollUpBtn" href="#"></a> <a class="scrollDownBtn" href="#"></a> </div>
</article>
<article id="popupProjects" class="popupProjects">
  <div class="customScrollBox">
    <div class="container">
      <div class="content"> <a id="popupProjectsClose"><img src="img_1/cross.png" width="20" alt="" /></a>
        <h1>عن كتيبه</h1>
        <h2>Kateba (2012)</h2>
        <p class="nomargin"><img src="img_1/elegant.png" alt="" class="image"/>شركه متخصصه في مجال برمجة المواقع واستضافتها وتطوير وصيانة المواقع وبرمجة الهواتف الذكيه <br/>
        </p>
        <div class="border"></div>
        <h2>للتواصل</h2>
        <p class="nomargin"><img src="img_1/elegant.png" alt="" class="image"/>تليفون رقم :01140656695<br />
        </p>
        
        <div class="border"></div>
      </div>
    </div>
    <div class="dragger_container">
      <div class="dragger"></div>
    </div>
    <a class="scrollUpBtn" href="#"></a> <a class="scrollDownBtn" href="#"></a> </div>
</article>
<article id="popupContact" class="popupContact">
  <div class="customScrollBox">
    <div class="container">
      <div class="content"> <a id="popupContactClose"><img src="img_1/cross.png" width="20" alt="" /></a>
        <h1>للتواصل</h1>
        <p>
            الصفحه غير متاحه الان
        
         
          <div class="border"></div>  
       <br/>
       <br/>
       <br/>
       <br/>
       <br/>
        <div id="social-network"> <a href="#" target="_blank"><img src="img_1/facebook.png" alt="Facebook" /></a> <a href="#" target="_blank"><img src="img_1/flickr.png" alt="Flicker" /></a> <a href="#" target="_blank"><img src="img_1/linkedin.png" alt="Linkedin" /></a> <a href="#" target="_blank"><img src="img_1/myspace.png" alt="Myspace" /></a> <a href="#" target="_blank"><img src="img_1/twitter.png" alt="Twitter" /></a> </div>
  </p>
      </div>
    </div>
    <div class="dragger_container">
      <div class="dragger"></div>
    </div>
    <a class="scrollUpBtn" href="#"></a> <a class="scrollDownBtn" href="#"></a> </div>
</article>
<article id="popupBlog" class="popupBlog">
  <div class="customScrollBox">
    <div class="container">
      <div class="content"> <a id="popupBlogClose"><img src="img_1/cross.png" width="20" alt="" /></a>
        <h1>الدخول </h1>
         <h1>
        <center>
          
            <h:link outcome="/login.xhtml" >الدخول</h:link>
           
            
     
       </center>
              </h1>
        <center><img src="img_1/logo.gif" alt=""/></center>
        <div class="border"></div>
      </div>
    </div>
    <div class="dragger_container">
      <div class="dragger"></div>
    </div>
    <a class="scrollUpBtn" href="#"></a> <a class="scrollDownBtn" href="#"></a> </div>
</article>
<h:outputScript name="js/gallery.js" />
<h:outputScript name="js/jquery.mCustomScrollbar.js" />
</body>
</html>